<!DOCTYPE html>
{% from "macros.html" import menu %}
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>select</title>
    <style>
        h1{
            text-align: center;
        }
        #user_online{
            float: right;
            margin-right: 3px;
        }
        table{
            margin:auto;
        }
    </style>
    <link rel="stylesheet" href="{{ url_for ('static',filename='css/flask.css')}}">
    <link rel="stylesheet" href="{{ url_for ('static',filename='css/bootstrap.css')}}">
</head>
<body>
{{ menu(post_name,online) }}
<form action="/appointselect/" method="post">
    <table class="table">
        <tr>
            <td>年龄</td>
            <td><input type ='number' name="age"></td>
        </tr>
        <tr>
            <td>居住地</td>
            <td><input type ='text' name="place"></td>
        </tr>
        <tr>
            <td>教育背景</td>
            <td>
                <select id="edu" name="edu">
                    <option>研究生</option>
                    <option>本科</option>
                    <option>大专</option>
                    <option>高中</option>
                    <option>初中</option>
                    <option>小学</option>
                </select>
            </td>
        </tr>
        <tr>
            <td>升高(附近)</td>
            <td><input type ='number' name="height"></td>
        </tr>
        <tr>
            <td>体重(附近)</td>
            <td><input type ='number' name="weight"></td>
        </tr>
        <tr>
            <td>性别</td>
            <td>
                <select id="sex" name="sex">
                    <option>男</option>
                    <option>女</option>
                </select>
            </td>
        </tr>

        <tr>
            <td>游戏</td>
            <td>
                <select id="game" name="game">
                    <option>MOBA类</option>
                    <option>FPS设计类</option>
                    <option>角色扮演类</option>
                    <option>网游</option>
                    <option>我都玩</option>
                    <option>我都不玩</option>
                </select>
            </td>
        </tr>

        <tr>
            <td>性格类型</td>
            <td>
                <select id="character" name="character">
                    <option>活泼型</option>
                    <option>力量型</option>
                    <option>完美型</option>
                    <option>平和型</option>
                </select>
            </td>
        </tr>

        <tr>
            <td>爱好</td>
            <td>
                <select id="hobby" name="hobby">
                    <option>运动类</option>
                    <option>娱乐类</option>
                    <option>冒险类</option>
                    <option>收藏类</option>
                    <option>乐器类</option>
                    <option>文艺类</option>
                </select>
            </td>
        </tr>
        <tr>
        <tr>
            <td></td>
            <td><input type="submit" value="点击查询"></td>
        </tr>
    </table>


</form>
</body>
<script type="text/javascript">
    window.onload = function(){
        var selectmenu = document.getElementById("selectmenu");
        var selects = document.getElementById("selects");
        selectmenu.onmouseover = function(){
            selects.style.display = "block";
        }
        selectmenu.onmouseout = function(){
            selects.style.display = "none";
        }

        var messagemenu = document.getElementById("messagemenu");
        var selects2 = document.getElementById("selects2");
        messagemenu.onmouseover = function(){
            selects2.style.display = "block";
        }
        messagemenu.onmouseout = function(){
            selects2.style.display = "none";
        }

        var userstate = document.getElementById("userstate");
        var down = document.getElementById("down");
        userstate.onmouseover = function(){
            down.style.display = "block";
        }
        userstate.onmouseout = function(){
            down.style.display = "none";
        }
    }
</script>
</html>